#preview pre::-webkit-scrollbar-track-piece { background: #141414; }

#preview pre::-webkit-scrollbar-thumb { background: #141414; }

    #preview pre::-webkit-scrollbar-thumb:hover { background: #6f6f6f; border: 0; }

.ace_editor.dark { background: #141414; }

#preview_pane { overflow: auto; }

#preview { padding: 0 20px; }

    #preview h1, #preview h2, #preview h3, #preview h4, #preview h5, #preview h6 { font-weight: bold; margin: 0.75em 0; }

    #preview h1 { font-size: 2em; }

    #preview h2 { font-size: 1.8em; }

    #preview h3 { font-size: 1.6em; }

    #preview h4 { font-size: 1.4em; }

    #preview h5 { font-size: 1.2em; }

    #preview h6 { font-size: 1.0em; }

    #preview blockquote { padding-left: 40px; border-left: 5px #7d7d7d solid; }

    #preview ul, #preview ol { margin-left: 20px; }

    /*#preview pre {
    margin: 10px;
    background-color: #141414;
    padding: 10px;
    color: #f2f2f2;
    overflow: auto;
}
#preview code {
    font-size: 14px;
    font-family: 'monospace','Monaco';
}*/
    #preview p { margin: 1em 0; }

#preview { font-family: Helvetica, arial, sans-serif; font-size: 14px; line-height: 1.6; }

    #preview code, tt { margin: 0 2px; padding: 0 5px; white-space: nowrap; border: 1px solid #eaeaea; background-color: #f8f8f8; border-radius: 3px; font-family: consolas; font-size: 13px; line-height: 20px; }

    #preview pre code { margin: 0; padding: 0; white-space: pre; border: none; background: transparent; white-space: pre-wrap; word-break: break-all; }

    #preview pre { background-color: #f8f8f8; border: 1px solid #cccccc; font-size: 13px; line-height: 19px; overflow: auto; padding: 6px 10px; border-radius: 3px; }

        #preview pre code, pre tt { background-color: transparent; border: none; }
